<template>
	<div class="article">
		<div class="tabs">
			<van-tabs
				v-model="active" 
				color="#fb7299" 
				lazy-render 
				title-active-color="#fb7299" 
				title-inactive-color="#757575"
				:line-width="0"
				:line-height="0"
			>
			  <van-tab 
					v-for="(item,index) in tablist"
					:key="index"
					:title="item"
				>
				<van-empty description="没有数据" />
				</van-tab>
			</van-tabs>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				active: 0,
				tablist: ['动态','视频']
			}
		}
	}
</script>

<style lang="scss" scoped>
	.article{
		background-color: #fff;
		.tabs {
			/deep/ .van-tabs{
				.van-tabs__wrap{
					border-top: 1px solid #e7e7e7;
					border-bottom: 1px solid #e7e7e7;
				}
				.van-tab{
					flex: none;
					margin-right: 32px;
					padding: 0;
					font-size: 13px;
					&:first-child {
						margin-left: 12px;
					}
				}
			}
		}
	}
</style>